<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>E-Commerce</title>
		<link rel="stylesheet" type="text/css" href="jqueryMobile/jquery.mobile-1.3.2.css">
		<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="jqueryMobile/jquery.mobile-1.3.2.js"></script>
		<script language="javascript" type="text/javascript" src="jquery.Rut.js"></script>
		<link rel="stylesheet" type="text/css" href="estilo.css">
		<script language="javascript" type="text/javascript" src="ajax.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Carrito de Compras  -->
<script type="text/javascript">
	$('#rut').Rut({
on_error: function(){ alert('Rut incorrecto'); 
$("#rut").val("");
$("#rut").focus();
},
format_on: 'true'

});
</script>

<!--                     -->

</head>
	<body>

			<!--********************Index*************-->
		<!-- /page -->
		<section id="Index" data-role="page" data-title="Index">

			<!-- /header -->
			<header data-role="header" data-position="fixed">
				<h1>Productos</h1>
				<a href="#Login"  data-rel="dialog">Login</a>
				<a data-role="button" href="#Carrito" class="ui-btn-right" data-theme="b" id="contador"></a>
			</header>
			<!-- /header -->

			<!-- /content -->
				<article data-role="content" >
					
				<label for="selectmenu1">
                Categorias
           		</label>

           			 <div id="categoria">
            		</div>
				<br>


				<!--Productos -->
				<div id="contenido" >
					
				</div>	
			<!-- 
				<form action="results.php" method="post">
						
					<div id="SmartCart" class="scMain">
          
  					</div>
					
				</form>
			-->
				<!--/productos -->
				</article>


			<!-- /content -->

			<!-- /footer -->
			<footer data-role="footer" data-position="fixed" class="pie">
				<h1></h1>
			</footer>
			<!-- /footer -->

		</section>
		<!-- /page -->

			<!--********************Login*************-->


		<!-- /page -->
		<section id="Login" data-role="page" data-title="Login">
			
			<!-- /header -->
			<header data-role="header" data-position="fixed">
				<h1>Inicio Sesion</h1>
			</header>
			<!-- /header -->

			<!-- /content -->
				<article data-role="content">
					<p>
						<div id="logindiv" title="Login">
    						<form id="formlogin">
        							Username: <br><input type="text" id="username" name="username" required><br>
        							Password: <br><input type="password" id="password" name="password" required><br><br>
        							<hr>
        							<div class="botoneslogin">
           								<button id="entrar" type="button" class="loginbutton">ok</button>
            							<button id="cancel" type="button" class="loginbutton">cancel</button>
        							</div>
    						</form>
						</div>

					</p>
					<a href="#crear_cuenta">Registrate AQUI</a>
				</article>
			<!-- /content -->			

		</section>
		<!-- /page -->	


		<!--********************Crear Cuenta*************-->
		<!-- /page -->
		<section id="crear_cuenta" data-role="page" data-title="Crear Cuenta">

			<!-- /header -->
			<header data-role="header" data-position="fixed">
				<h1>Crear Cuenta</h1>
				<a href="#Index" data-role="button" data-icon="home" data-iconpos="notext" data-theme="c" data-inline="true">Home</a>
			</header>
			<!-- /header -->

			<!-- /content -->
				<article data-role="content">
					<p>
						

						<form name="form1" id="agregar">
		

							<label>usuario:</label> <input id="username" class="fieldform" type="text" name="username" required ><br>
       						<label>password:</label> <input id="password" class="fieldform" type="text" name="password" required ><br>
        					<label>confirmar password:</label> <input id="confirmar" class="fieldform" type="text" required ><br>
        					<input id="tipo" class="fieldform" type="hidden" name="tipo" value="cliente">      
        					<label>Rut:</label> <input id="rut" class="fieldform" type="text" name="rut" required ><br>
        					<label>Nombre:</label> <input id="nombre" class="fieldform" type="text" name="nombre" required ><br>
        					<label>Ap. Paterno:</label> <input id="apellidopaterno" class="fieldform" type="text" name="apellidoPaterno" required ><br>
        					<label>Ap. Materno:</label> <input id="apellidomaterno" class="fieldform" type="text" name="apellidoMaterno" required ><br>
        					<label>email:</label> <input id="email" class="fieldform" type="text" name="email" required ><br>
        					<input id="filenameusu"  type="hidden" name="filename" >
        					<input id="dirusu" type="hidden" name="dir" value="img\uploads\categoria\filename">
	
							<div class="ui-grid-a">
							<div class="ui-block-a"><input type="reset" value="Limpiar" ></div>
							<div class="ui-block-b"><input type="submit" value="Crear" id="enviarAdd"></div>
							</div>
					
						
						

						</form>

					</p>
				</article>
			<!-- /content -->

			<!-- /footer -->
			<footer data-role="footer" data-position="fixed" class="pie">
				<h1></h1>
			</footer>
			<!-- /footer -->

		</section>
		<!-- /page -->



			<!--********************Carrito*************-->
		<!-- /page -->
		<section id="Carrito" data-role="page" data-title="Carrito">

			<!-- /header -->
			<header data-role="header" data-position="fixed">
				<h1>Carrito</h1>
				<a href="#Login"  data-rel="dialog">Login</a>
				<a data-role="button" href="#Index" class="ui-btn-right" data-theme="b">
            Productos
        </a>
			</header>
			<!-- /header -->

			<!-- /content -->
				<article data-role="content">
					
				<div id="CarritoContenido">
					
				</div>
				<div id="totalCarrito">
				</div>

				
					
					
				

				</article>
			<!-- /content -->

			<!-- /footer -->
			<footer data-role="footer" data-position="fixed" class="pie">
				<div  id="totalVenta"></div>
				<div  id="compra">
					<form action="https://www.pagomaster.com/cl/cuenta/?cmd=checkout2" method="post" id="pagomaster">
						<input type=hidden name="merchantAccount" value="johnzon_warning420@hotmail.com">
						<input type=hidden name="amount" id="valueCarrito" value="">
						<input type=hidden name="currency" value="CLP">
						<input type=hidden name="item_id" value="prueba1">
						<input type=hidden name="setupFee" value="">
						<input type=hidden name="return_url" value="http://">
						<input type=hidden name="cancel_url" value="http://localhost:26/Ecommerce/">
						<input type=hidden name="stopNumber" value="">
						<input type=hidden name="stopRecurring" value="">
						<input type=hidden name="durationType" value="">
						<input type=hidden name="duration" value="">
						<input type=hidden name="merchant_logo" value="http://">
						<input type=hidden name="addresscheckoutstep" value="0">
						<input type=hidden name="additionalinfocheckoutstep" value="1">
	
	<input type=hidden name="reselleraccount" value="">
	<input type=hidden name="ccSubscription" value="">
	<input type=hidden name="pst" value="1">
	<input type=hidden name="ipk" value="1">
  	
	<input type=image name="cartImage" src="https://www.pagomaster.com/cl/cuenta/buttons/singleitems/boton_3_comprar.png">
	</form>				
				</div>
			</footer>
			<!-- /footer -->

		</section>
		<!-- /page -->





			<!--********************PRODUCTO*************-->
		<!-- /page -->
		<section id="Producto" data-role="page" data-title="Producto" >

			<!-- /header -->
			<header data-role="header" data-position="fixed" >
				<div id="head"> Producto </div>
				
			</header>
			<!-- /header -->

			<!-- /content -->
				<article data-role="content">
					
				<div id="dato">
					
				</div>


				
					
				</article>
			<!-- /content -->
			
			<footer data-role="footer" data-position="fixed" >
				<center><div id="buttonAdd"></div></center>
			</footer>
			

		</section>
		<!-- /page -->


	</body>
</html>